<template>
	<div class='rokinglists'>
		<van-row gutter="15">
			<block v-for="(item, index) in rokinglists" :key="index">
				<van-col span="6">
					<navigator :url="item.url" class="rowList">
						<image :src="item.src" class="rowList-img"></image>
						<text class="rowList-text">{{ item.name }}</text>
					</navigator>
				</van-col>
			</block>
		</van-row>
	</div>
</template>

<script>
	export default {
		props: {
			rokinglists: Array
		}
	}
</script>

<style>
	@import "vant/lib/index.css";
	.rokinglists {
		padding:0 15px 40rpx;
	}
	.rowList {
		text-align: center;
		padding: 23rpx 0;
		border-radius: 5rpx;
	}
	.rowList-img {
		width: 80rpx;
		height: 80rpx;
	}
	.rowList-text{
		display: block;
		font-size: 26rpx;
		color: #292d30;
	}
</style>
